﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Gallery</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="shortcut icon" type="image/png" href="favicon.png">
		<!---<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">--->
		<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="css/font-awesome.css" type="text/css" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<!--[if IE]>
		<script src="js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="page-preloader"><span class="spinner"></span></div>
		<header th:replace="www/header :: myheader"  ></header>
		<!-- header -->
		<div class="breadcrumbs-wrapper">
			<ul class="breadcrumbs">
				<li><a href="index.html" class="home"><i class="fa fa-home" aria-hidden="true"></i></a></li>
				<li><a>Gallery</a></li>
			</ul>
		</div>
		<!-- breadcrumbs-wrapper -->
		<section class="content-wrapper">
			<div class="container">
				<div class="title">
					<h1>Gallery</h1>
				</div>
				<div class="row">
					<div class="col-md-3 gallery-item">
						<a href="img/img1.jpg" data-lightbox="example-set"><img src="img/img1.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img2.jpg" data-lightbox="example-set"><img src="img/img2.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img3.jpg" data-lightbox="example-set"><img src="img/img3.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img4.jpg" data-lightbox="example-set"><img src="img/img4.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img5.jpg" data-lightbox="example-set"><img src="img/img5.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img6.jpg" data-lightbox="example-set"><img src="img/img6.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img7.jpg" data-lightbox="example-set"><img src="img/img7.jpg" alt=""></a>
					</div>
					<div class="col-md-3 gallery-item">
						<a href="img/img8.jpg" data-lightbox="example-set"><img src="img/img8.jpg" alt=""></a>
					</div>
				</div>
			</div>
		</section>
		<!-- content-wrapper -->
		<footer th:replace="www/footer :: myfooter"  ></footer>
		<!-- footer -->
		<!-- scripts -->	
		<script src="js/lib/jquery.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>
		<script src="js/lib/lightbox.min.js"></script>
		<script src="js/lib/shuffle.js"></script>	
		<script src="js/lib/swiper.min.js"></script>
		<script src="js/lib/waypoints.min.js"></script>		
		<script src="js/script.js"></script>
	</body>
</html>
